.banner {
    height           : 350px;
    background-image : url('https://roy-image.oss-cn-hangzhou.aliyuncs.com/images/bg.jpg');
    background-repeat: no-repeat;
    background-size  : contain;
    position         : relative;
    padding-bottom   : 150px;

    .person {
        display   : flex;
        position  : absolute;
        left      : 0;
        bottom    : 0;
        right     : 0;
        height    : 150px;
        background: #fff;

        .avatar {
            position     : relative;
            top          : -70px;
            margin-left  : 40px;
            width        : 220px;
            height       : 155px;
            border-radius: 20px;
        }

        .content {
            flex: 1;

            .title {
                height       : 50px;
                overflow     : hidden;
                text-overflow: ellipsis;
                white-space  : nowrap;
                margin-left  : 30px;
                margin-top   : 10px;
                line-height  : 50px;
                font-size    : 28px;
                color        : #000;
            }

            .desc {
                display           : -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow          : hidden;
                margin-left       : 30px;
                margin-right      : 30px;
                line-height       : 32px;
                font-size         : 18px;
                color             : #333;
                height            : 64px;

            }
        }

    }
}